<template>
  <div>
    <!--
      
      动态设置标签类名
        :class="{ 类名：布尔值 }"
        表示当布尔值为true的时候使用此类名，否则不使用
     -->
    <p :class="{ redStr: bool }">我是一个p标签</p>
  </div>
</template>

<script>
export default {
  data(){
    return {
      bool: true
    }
  }
}
</script>
<style scoped>
.redStr{
  color: red;
}
</style>